<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>绝对定位的使用</title>
		<style>
			.box1{
				width: 300px;
				height: 300px;
				background-color: darkred;
				/*绝对定位以父容器的左上角为参考，进行位置的调整*/
				position: absolute;
				left: 100px;
			}
			/*绝对定位特点2，如果设置定位的div父容器也是一个div，以
			 父div的左上角作为参考，进行定位*/
			.box_in{
				width: 100px;
				height: 100px;
				background-color: deepskyblue;
				position: absolute;
				right: 50px;
				bottom: 50px;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			<div class="box_in"></div>
		</div>
	</body>
</html>
